<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>登录页</title>
<!--BootStrap CSS的引用文件-->
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css" />
</head>

<body>
	<!-- 错误弹窗 -->
	<div th:fragment="alertBox">
		<div class="alert alert-success alert-dismissible fade show"
			role="alert" th:if="${success != null}">
			[[${success}]]
			<button type="button" class="btn-close" data-bs-dismiss="alert"
				aria-label="Close"></button>
		</div>
		<div class="alert alert-warning alert-dismissible fade show"
			role="alert" th:if="${warning != null}">
			[[${warning}]]
			<button type="button" class="btn-close" data-bs-dismiss="alert"
				aria-label="Close"></button>
		</div>
		<div class="alert alert-danger alert-dismissible fade show"
			role="alert" th:if="${error != null}">
			[[${error}]]
			<button type="button" class="btn-close" data-bs-dismiss="alert"
				aria-label="Close"></button>
		</div>
	</div>

	<!--JS文件放body最下面会使浏览器先渲染完页面再加载JS提升流畅度-->
	<script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>
